<template>
	<view>
		<view>
			<image :src="info.cover" mode="aspectFill" class="w-100 filter" style="height: 232rpx;"></image>
		</view>

		<view class="position-relative p-2 bg-white">
			<view class="flex font">
				<image :src="info.cover" class="rounded mr-2" style="height: 110rpx;width: 120rpx;margin-top: -60rpx;">
				</image>
				<text>#{{info.name}}#</text>
			</view>
			<view class="flex align-center font text-secondary py-2">
				<text class="mr-2">动态:{{info.news_count}}</text>
				<text>今日:{{info.today_count}}</text>
			</view>
			<view class="font text-secondary">
				{{info.desc}}
			</view>
		</view>
		<!-- 分割线 -->
		<divider></divider>
	</view>
</template>

<script>
	export default {
		props: ['info']
	}
</script>

<style scoped>
	.filter {
		filter: blur(7px);
	}
</style>
